<html>
<head>
  <title>Devcathlon: Gallery</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->
<div class="wrapper">

<h2>Gallery</h2>
<p>
This Gallery is an unrestricted area providing information about all matches whose participants
have made "public".  

<div class="entry">
<h3>Ongoing: <a href="#">Clash Of The Hackers IV</a> (January 1, 2009 - March 1, 2009)</h3> 
<table border="1">
<tr><th>Teams</th><th>Points</th><th>Last Point Award (<a href="#">see all</a>)</th></tr>
<tr><td><a href="#">Stallman's Revenge</a></td>
    <td>146</td>
    <td>+3 (Build OK) 1/3/2009 12:37:46</td>
</tr> 
<tr><td><a href="#">Emacs FTW!</a></td>
    <td>145</td>
    <td>+5 (Commit Often) 1/3/2009 13:43:21</td>
</tr> 
<tr><td><a href="#">Jah RESTafarians</a></td>
    <td>136</td>
    <td>-2 (Build failed) 1/2/2009 12:12:45</td>
</tr> 
</table>

<img style="padding: 10px" width="400px" src="gallery1.gif"/>
<p/>

<b>Latest commentary (<a href="#">see all</a>)</b>
<table>
<tr><td>Build failure was my bad; now fixed. (<a href="#">johnson</a>, 1/2/2009)</td></tr>
<tr><td>We could get some points by rebalancing our issue list. (<a href="#">sz</a>, 1/3/2008)</td></tr>
<tr><td>Sorry, didn't have the Emacs sensor installed, now fixed. (<a href="#">rbrewer</a>, 1/1/2008)</td></tr>
</table>

<p>
Subscribe to this match via: <a href="#">email</a>, <a href="#">twitter</a>, <a href="#">RSS</a>.
</p>

</div>


<div class="entry">
<h3>Completed: <a href="#">Swing Sprint</a> (December 1, 2008 - December 15, 2008)</h3> 
<table border="1">
<tr><th>Teams</th><th>Points</th><th>Last Point Award (<a href="#">see all</a>)</th></tr>
<tr><td><a href="#">Event Loopers</a></td>
    <td>346</td>
    <td>+3 (Build OK) 12/14/2008 12:37:46</td>
</tr> 
<tr><td><a href="#">Gooeys</a></td>
    <td>345</td>
    <td>+5 (Commit Often) 12/15/2008 13:43:21</td>
</tr> 
</table>

<img style="padding: 10px" width="400px" src="gallery2.gif"/>
<p/>

<b>Latest commentary (<a href="#">see all</a>)</b>
<table>
<tr><td>What an amazing finish!  The Gooeys did a great job in catching up to within 1 point (<a href="#">rlcox</a>, 12/15/2008)</td></tr>
<tr><td>The Event Loopers totally rule.  On to world domination! (<a href="#">qzhang</a>, 12/17/2008)</td></tr>
</table>
</div>


</div> <!-- End class=wrapper -->

<div id="footerFeedback">
<p>
On the one hand, the Gallery page is intended to support "spectators" who want to see what the 
game is about without having to actively participate.  But the Gallery page should also provide
an important source of interactive documentation about Devcathlon for those interested in trying
it out.  The goal is that by "clicking around" within the Gallery page and its subpages, a novice
user should be able to gain insight into the structure of the game, how it is played, and what
the various point awards look like in practice. 
</p>
<p>
To make this page more interactive, it would be nice if spectators could interact with participants.
Thus, a spectator or novice user could ask a participant how they got a particular point award.
The problem with this is avoiding spam to the site.  We may need to use captchas or require 
a user providing a comment to have a hackystat user id and password in order to guarantee that they 
are "real" people.  We might also eventually need to implement a "black list" of user IDs that cannot login or comment 
in any way in order to avoid spam attacks.   
</p>
<p>
Note that there are links on this page that indicate the need for other pages.  
<ul>
<li>Commentary names are links.  These should point to "profile" pages for each user 
that shows their interactions with the game, including their participation in matches, their
comments, and so forth.</li>
<li> Match names are links.  These should point to Match pages that provide more details about
each match. </li>
<li> Team names are links.  These should point to pages defining the membership of a team and 
other information about them. 
<li> Notification methods (email, twitter, rss) are links.  These should point to pages with
info about how to subscribe to that particular match with the specified notification method. Note
that this sentence is not displayed for completed matches. 
</li> 
<li> Commentaries and Last Point Awards have a "see all" link, which should bring up a page with all 
of the associated information. </li>
</ul>
 
</p>
</div>
</div> <!-- End id=page -->

</body>
</html>
